<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户注册</title> <#include "/views/rec.html">
<script type="text/javascript"
	src="<@full_path path='js/user/register.js' />"></script>
</head>
<body>
	<div class="ui two column centered grid" style="margin-top: 20px;">
		<div class="column ui segment">
			<form class="ui equal width form">
				<h3 class="ui dividing header">用户注册</h3>
				<div class="two fields">
					<div class="field">
						<label>邮箱</label>
						<div class="ui icon input">
							<input type="text" style="width: 100%;" name="email"> <i
								class="checkmark icon" style="visibility: hidden;"></i>
						</div>
					</div>
					<div class="field">
						<label>用户名</label>
						<div class="ui icon input">
							<input type="text" style="width: 100%;" name="userName">
							<i class="checkmark icon" style="visibility: hidden;"></i>
						</div>
					</div>
				</div>
				<div class="two fields">
					<div class="field">
						<label>密码</label> <input type="password" style="width: 100%;"
							name="password">
					</div>
					<div class="field">
						<label>确认密码</label> <input type="text" style="width: 100%;"
							name="password2">
					</div>
				</div>
				<div class="three fields">
					<div class="field">
						<label>昵称</label>
						<div class="ui icon input">
							<input type="text" style="width: 100%;" name="nickName">
							<i class="checkmark icon" style="visibility: hidden;"></i>
						</div>
					</div>
					<div class="field">
						<label>姓名</label> <input type="text" style="width: 100%;"
							name="realName">
					</div>
					<div class="field">
						<label>性别</label> <select>
							<option value="男">男</option>
							<option value="女">女</option>
							<option value="未知">未知</option>
						</select>
					</div>
				</div>
				<div class="fields">
					<div class="field">
						<label>省/直辖市</label>
						<div class="ui search selection dropdown" id="selection-province">
							<input type="hidden" name="province"> <i
								class="dropdown icon"></i>
							<div class="default text">省/直辖市</div>
							<div class="menu"></div>
						</div>
					</div>
					<div class="field">
						<label>市</label>
						<div class="ui search selection dropdown" id="selection-city">
							<input type="hidden" name="county"> <i
								class="dropdown icon"></i>
							<div class="default text">市</div>
							<div class="menu"></div>
						</div>
					</div>
					<div class="field">
						<label>区/县</label>
						<div class="ui search selection dropdown" id="selection-county">
							<input type="hidden" name="county"> <i
								class="dropdown icon"></i>
							<div class="default text">区/县</div>
							<div class="menu"></div>
						</div>
					</div>
				</div>
				<div class="fields">
					<div class="ten wide field">
						<label>地址</label> <input type="text" style="width: 100%;"
							name="address">
					</div>
					<div class="six wide field">
						<label>电话</label> <input type="text" style="width: 100%;"
							name="phone">
					</div>
				</div>
				<div class="inline field">
					<div class="ui checkbox">
						<input type="checkbox" name="hasRead"> <label>已经阅读用户协议</label>
					</div>
				</div>
				<div class="ui error message"></div>
				<div class="ui divider"></div>
				<div>
					<input type="button" class="ui primary button right floated"
						onclick="submitForm('<@full_path path='p/user/register.jhtml' />');"
						value="注册"> <input type="button"
						class="ui negative button right floated" value="关闭"
						style="margin-right: 15px;">
				</div>
			</form>
			<div class="ui inverted page dimmer">
				<div class="ui text loader">正在注册...</div>
			</div>
		</div>
	</div>
</body>
</html>